@charset "UTF-8";
/***** add by fuyun px-rem ******/
/***** end by fuyun px-rem ******/
/***** add by duanwanyu ******/
body {
  background: #f5f5f5; }

.dps-n {
  display: none; }

.text-c {
  text-align: center; }

.inner {
  -webkit-box-flex: 1;
  flex: 1;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column; }

/* 账单-全部充值消费 */
.topnav {
  width: 80%;
  margin: 0.26667rem auto 0.26667rem;
  border-radius: 5px;
  border: 1px solid #03a9f4;
  height: 0.69333rem;
  text-align: center; }
  .topnav li {
    width: 33.333%;
    font-size: 0.32rem;
    color: #03a9f4;
    text-align: center;
    display: inline-block;
    height: 0.69333rem;
    line-height: 0.69333rem;
    border-left: 1px solid #03a9f4; }
  .topnav .current {
    background: #03a9f4;
    color: #fff; }

.total-record, .recharge-record, .trade-record dl:first-child {
  border-top: 1px solid #eee; }

dl {
  font-size: 0.32rem; }
  dl dt {
    border-bottom: 1px solid #eee;
    color: #333;
    line-height: 0.77333rem;
    padding: 0 0.26667rem; }
  dl dd {
    height: 1.12rem;
    line-height: 1.12rem;
    border-bottom: 1px solid #eee;
    padding: 0 0.26667rem; }
    dl dd .yellow {
      color: #f1a427; }
    dl dd .red {
      color: #ff0000; }
    dl dd label {
      display: inline-block; }

dd + dd {
  border-bottom: 1px solid #eee; }

/* 查询无记录 */
.record {
  padding-top: 4rem; }

.icon-record {
  padding: 1.2rem 1.2rem 0;
  background: url(/resources/img/icon-record.png) no-repeat;
  background-position: center;
  background-size: 70%; }

.icon-query {
  padding: 1.06667rem 1.06667rem 0;
  background: url(/resources/img/icon-query.png) no-repeat;
  background-position: center;
  background-size: 70%; }

.record-text {
  font-size: 0.45333rem;
  color: #999;
  line-height: 0.8rem;
  letter-spacing: 0.071rem; }

/* 下拉样式 */
.dropload-up, .dropload-down {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-size: 0.4rem; }

.dropload-refresh, .dropload-update, .dropload-load {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }

.dropload-load .loading {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  margin: 6px;
  border: 2px solid #666;
  border-bottom-color: transparent;
  vertical-align: middle;
  -webkit-animation: rotate 0.75s 0 linear infinite;
  animation: rotate 0.75s 0 linear infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* 下拉样式 */
